.node-detail {
  .bread {
    margin-bottom: 16px;
  }
  &-title {
    color: #1e1f23;
    margin-bottom: 18px;
  }
  &-content {
    padding: 24px;
    background-color: #ffffff;
    margin-bottom: 24px;
    &.node-chart {
      min-height: 581px;
    }
    &-chart {
      height: 440px;
    }
    &.node-table {
      margin-bottom: 0;
    }
  }
  &-chart-header {
    display: flex;
    justify-content: space-between;
    min-height: 42px;
    margin-bottom: 16px;
    background-repeat: no-repeat;
    &.master,
    &.single {
      padding: 0 24px 0 54px;
      background-image: url('../images/dispatch.svg');
    }
    &.storage {
      padding: 0 24px 0 54px;
      background-image: url('../images/storage.svg');
    }
    &.slave {
      padding: 0 24px 0 54px;
      background-image: url('../images/engine.svg');
    }
    &-message {
      display: flex;
    }
  }

  @keyframes rotate {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

  &-status {
    display: inline-block;
    height: 24px;
    &.running {
      transform-origin: 50% 50%;
      animation: rotate 1.5s linear infinite;
    }
  }
}
